<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>大凉山计划</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>

<body>
    <div class="container-fluid">
        <div class="row top-panel text-center center-block">
            <div class="col-xs-2 no-padding"><a href="../index.html">主页</a></div>
            <div class="col-xs-3 no-padding" id="tunzhiBtn"><span>豚制</span></div>
            <div class="col-xs-2 no-padding"><img class="img-responsive" src="image/logo.png" /></div>
            <div class="col-xs-3 no-padding" id="aboutUsBtn"><span>关于我们</span></div>
            <div class="col-xs-2 no-padding"><a href="../Purchase.html">购买</a></div>
        </div>
        <div style="position: relative;height:8%;" id="subNavBar" class="sub-nav-bar">
            <div class="row no-margin" style="position: absolute; width: 100%">
                <div class="col-xs-12">
                    <img src="image/yun.png" style="width:100%;height:100%" class="img-responsive">
                </div>
            </div>
            <div class="row text-center sub-panel no-margin" style="position: absolute" id="subContent">

            </div>
        </div>

        <div class="row body-font content text-center">
            <p>我们所特有的黑山猪，</p>
            <p>生长于川西高原，</p>
            <p>海拔高峻之处，</p>
            <p>山有四级，十里不同天</p>
            <p>独特的生长环境使其更加注重运动，</p>
            <p>以御寒冷，因而肉质紧实，口感极佳。</p>
            <p>再有长日灼灼，草盛叶茂，</p>
            <p>食物的滋养是猪肉中含有更丰富的营养物质。</p>
        </div>
        <div class="row content-img">
            <img src="image/spring.jpg">
        </div>
        <div class="row content-img">
            <img src="image/summer.jpg">
        </div>
        <div class="row content-img">
            <img src="image/autumn.jpg">
        </div>
        <div class="row content-img">
            <img src="image/winter.jpg">
        </div>


        <div class="row footer text-center">
            <div class="col-xs-12">
                <img src="image/orgin-left.jpg">
                <span>ALPINE SMRITI</span>
                <img src="image/orgin-right.jpg">
            </div>
        </div>

    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="main.js"></script>
</body>

</html>